<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Javna saobraćajna mreža</title>
<LINK href="stilovi/coda-slider.css" rel="stylesheet" type="text/css">
<LINK href="stilovi/templatemo_style.css" rel="stylesheet" type="text/css">

<script src="jQuery/jquery-1.2.6.js" type="text/javascript"></script>
<script src="jQuery/jquery.scrollTo-1.3.3.js" type="text/javascript"></script>
<script src="jQuery/jquery.localscroll-1.2.5.js" type="text/javascript" charset="utf-8"></script>
<script src="jQuery/jquery.serialScroll-1.2.1.js" type="text/javascript" charset="utf-8"></script>
<script src="jQuery/coda-slider.js" type="text/javascript" charset="utf-8"></script>
<script src="jQuery/jquery.easing.1.3.js" type="text/javascript" charset="utf-8"></script>

</head>
<body>

<div id="slider">
	
    <div id="templatemo_sidebar">
    	<div id="templatemo_header">
        	 <h1>Dobro došli </h1>
        </div> 
        
        <ul class="navigation">
            <li><a href="#home">Početna<span class="ui_icon home"></span></a></li>
            <li><a href="#login">Prijava<span class="ui_icon login"></span></a></li>
            <li><a href="#services">Obavijesti<span class="ui_icon contactus"></span></a></li>
            <li><a href="#gallery">Usluge<span class="ui_icon gallery"></span></a></li>
            <!-- <li><a href="#contactus">Kontaktirajte nas<span class="ui_icon contactus"></span></a></li>-->
        </ul>
    </div> 

	<div id="templatemo_main">
    	<ul id="social_box">
            <h1> Javna saobraćajna mreža Bosne i Hercegovine </h1>         
        </ul>
        
        <div id="content">
     
            <div class="scroll">
                <div class="scrollContainer">
                
                    <div class="panel" id="home">
                       <img src="slike/transit.jpg" alt="Nasa_Ikona" width=50% height=80%/>  
                     <p> <h3> Na predmetu "Baze podataka" urađena je aplikacija koja omogućava praćenje javnog saobraćaja u BiH. <br>Funkcionalnosti koje ova aplikacija nudi su definisane u dijelu "Usluge". <br>Na ovoj aplikaciji radili su Elma Džino, Amina Đonko, Nedžla Karalić i Irfan Prazina. 
                     </h3>
             
                    </div> 
                   <div class="panel" id="login">
                        <h3>Ako želite da se prijavite koristeći Vaše korisničke podatke, kliknite na  <a href="login.html"> Prijavite se </a></h3>
						<br>
                    	<p><h3> Ako želite da izvršite registraciju na sistem, to možete izvršiti odabirom sljedećeg linka  <a href="registracija.html"> Registrujte se </a> </h3>
                        
                     
                    </div>

                    
                    <div class="panel" id="services">
                        <h1>Najnovije obavijesti</h1>
                		                        
                        <ul class="service_list" >
                            <li>Dana 23.12.2013.- "LinijaTri" za tramvajski saobraćaj neće raditi zbog popravki na šinama.</li>
                            <li>Dana 20.12.2013.- radovi na cesti na liniji "LinijaDva"</li>  
                            <li>Dana 18.12.2013.- novi prevoznik "Zenica tours" dodan u sistem</li>  
                        </ul>
                    </div>
                
                    <div class="panel" id="gallery">
                        <h1>Postojeće usluge</h1>
                        
                        <div id="gallery_container">
                           	<div class="gallery_box">
                                <img src="slike/image_01.jpg" alt="01" />
                                <h4>Prevoznici</h4>
                                <p>U ovom dijelu obrađeni su podaci vezani za prevoznike, u sklopu čega su ponuđene tri opcije. Klikom na link "Pogledaj" možete ih detaljnije vidjeti.  </p> 
                                 <div class="btn_more"><a href="prevoznici.html">Pogledaj <span>&raquo;</span></a></div>
                                <div class="cleaner"></div>
                            </div>
                            <div class="gallery_box">
                                <img src="slike/image_02.jpg" alt="02" />
                                <h4>Linije</h4>
                                <p>U ovom dijelu obrađeni su podaci vezani za linije, u sklopu čega su ponuđene četiri opcije. Klikom na link "Pogledaj" možete ih detaljnije vidjeti. </p> 
                                 <div class="btn_more"><a href="linije.html">Pogledaj <span>&raquo;</span></a></div>
                                <div class="cleaner"></div>                      
                            </div>
<!--                             <div class="gallery_box"> -->
<!--                                 <img src="slike/image_03.jpg" alt="03" /> -->
<!--                                 <h4>Stanice</h4> -->
<!--                                 <p> U ovom dijelu obrađeni su podaci vezani za stanice, u sklopu čega su ponuđene tri opcije. Klikom na link "Pogledaj" možete ih detaljnije vidjeti. </p>  -->
<!--                                  <div class="btn_more"><a href="stanice.html">Pogledaj <span>&raquo;</span></a></div> -->
<!--                                 <div class="cleaner"></div>      -->
<!--                             </div> -->
                            <div class="gallery_box">
                                <img src="slike/image_04.jpg" alt="04" />
                                <h4>Vozila</h4>
                                <p> U ovom dijelu obrađeni su podaci vezani za vozila, u sklopu čega su ponuđene četiri opcije. Klikom na link "Pogledaj" možete ih detaljnije vidjeti.</p> 
                                 <div class="btn_more"><a href="vozila.html">Pogledaj <span>&raquo;</span></a></div>
                                <div class="cleaner"></div>             
                            </div>
                            <!-- <div class="gallery_box">
                                <img src="slike/image_05.jpg" alt="05" />
                                <h4>Mapa</h4>
                                <p> U ovom dijelu prikazana je mapa. Klikom na link "Pogledaj" možete ih detaljnije vidjeti.</p> 
                                 <div class="btn_more"><a href="mapaStanice.html">Pogledaj <span>&raquo;</span></a></div>
                                <div class="cleaner"></div>          
                            </div> -->
                            <div class="cleaner"></div>
                        </div>
                
                    </div>
                
                   
                    </div>
                
                </div>
			</div>
 
        
        </div> 
    
    
    </div> 


</body>
</html>